<template>
	<view class="nav-box">
		<view class="title" :style="{'color':color}">
			{{title}}
		</view>
		<view>
			<u-icon name="arrow-left" :color="color" size="28"></u-icon>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			color:{
				default:'#fff',
				type:String
			},
			title:{
				default:"",
				type:String
			}
		}
	}
</script>

<style lang="scss" scoped>
	.nav-box {
		font-size: 34rpx;
		line-height: 60rpx;
		text-align: center;
	}
</style>